<!DOCTYPE html>
<html>

<head>
	<title>J&L's Wedding</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<script type="application/x-javascript">
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}
	</script>
	<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
	<link href="css/style.css" rel='stylesheet' type='text/css' />
	<link href='http://fonts.googleapis.com/css?family=Exo:100,200,300,400,500,600,700,800,900,100italic,200italic,300italic,400italic,500italic,600italic,700italic,800italic,900italic' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
	<script src="js/jquery-1.11.0.min.js"></script>
	<!---- start-smoth-scrolling---->
	<script type="text/javascript" src="js/move-top.js"></script>
	<script type="text/javascript" src="js/easing.js"></script>
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=bDippwLGB3vf7hgOZLadOKnV"></script>
	<script type="text/javascript">
		jQuery(document).ready(function ($) {
			$(".scroll").click(function (event) {
				event.preventDefault();
				$('html,body').animate({
					scrollTop: $(this.hash).offset().top
				}, 1000);
			});
		});
	</script>


	<!---- start-smoth-scrolling---->
	<style>
		.map {
			height: 400px;
			/*			overflow: hidden;*/
			margin: 0;
			font-family: "微软雅黑";
		}
	</style>
</head>

<body>
	<!----start-header---->
	<div class="header" id="home">
		<div class="container">
			<div class="logo">
				<a href="index.html"><img src="images/lg-2.png" alt=""></a>
			</div>
			<div class="navigation">
				<span class="menu"></span>
				<ul class="navig">
					<li><a href="index.html">主页</a><span> </span></li>
					<li><a href="about.html">婚期安排</a><span> </span></li>
					<li>
					</li>
					<li>
					</li>
					<li><a href="gallery.html">相册展示</a><span> </span></li>
					<li><a class="active" href="contact.html">联系方式</a><span> </span></li>
				</ul>
			</div>
			<!-- script-for-menu -->
			<script>
				$("span.menu").click(function () {
					$(" ul.navig").slideToggle("slow", function () {});
				});
			</script>
			<!-- script-for-menu -->
		</div>
	</div>
	<!----end-header---->
	<!--banner-starts-->
	<div class="bnr" id="home">
		<div id="top" class="callbacks_container">
			<ul class="rslides" id="slider4">
				<li>
					<div class="banner">
						<div class="banner-text">
							<h1 align="left">感悟（一）</h1>
							<p align="left" font size="20px">
							我不知道，下辈子是否还能遇见你，所以我今生才会，那么努力，把最好的给你。友情也好，爱情也好。</br>
							</P>
						</div>
					</div>
				</li>
				<li>
					<div class="banner1">
						<div class="banner-text">
							<h1 align="left">感悟（二）</h1>
							<p align="left">每段旅程，都会有一条让人回忆起来就会微笑的路。
							</p>
						</div>
					</div>
				</li>
				<li>
					<div class="banner">
						<div class="banner-text">
							<h1 align="left">感悟（三）</h1>
							<p align="left">所有的疑问，在某个明天，一定会有一个答案。
							</p>	
						</div>
					</div>
				</li>
			</ul>
		</div>
		<div class="clearfix"> </div>
	</div>
	<!--banner-ends-->
	<!--Slider-Starts-Here-->
	<script src="js/responsiveslides.min.js"></script>
	<script>
		// You can also use "$(window).load(function() {"
		$(function () {
			// Slideshow 4
			$("#slider4").responsiveSlides({
				auto: true,
				pager: false,
				nav: true,
				speed: 500,
				namespace: "callbacks",
				before: function () {
					$('.events').append("<li>before event fired.</li>");
				},
				after: function () {
					$('.events').append("<li>after event fired.</li>");
				}
			});

		});
	</script>
	<!--End-slider-script-->
	<!----end-banner---->
	<!----start-contact---->
	<div class="contact">
		<div class="container">
			<div class="contact-top heading">
				<h3>新娘家地图</h3>
			</div>
			<div class="contact-bottom">
				<div class="map" id="allmap"></div>
			</div>

			<div class="container">
				<div class="why-top heading">
					<!--					<h3>交通路线</h3>-->
				</div>
				<div class="why-bottom">
					<div class="why-one">
						<div class="col-md-6 why-left">
							<div class="col-md-5 why-one-left">
								<img src="images/w-1.jpg" alt="" />
							</div>
							<div class="col-md-7 why-one-left">
								<h4>高铁/动车</h4>
								<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;到新娘家：乘坐高铁/动车到“嘉善南”站，后乘K222路公交车到“西塘景区”，后转K216路公交车到“汾湖”站</br>
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;到新郎家：乘坐高铁/动车到“嘉兴南”站，后乘95路公交车到“嘉兴一中”，后转K153到“大桥新村”站
								</p>
							</div>
							<div class="clearfix"></div>
						</div>
						<div class="col-md-6 why-left">
							<div class="col-md-5 why-one-left">
								<img src="images/w-2.jpg" alt="" />
							</div>
							<div class="col-md-7 why-one-left">
								<h4>火车</h4>
								<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;到新娘家：乘坐火车到“嘉善”站，后K210路公交车到“西塘”，后转K216路公交车到“汾湖”站</br>
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;到新郎家：乘坐火车到“嘉兴”站，后乘212路 / K109路 / 222路公交车到“大桥新村”站
								</p>
							</div>
							<div class="clearfix"></div>
						</div>
						<div class="clearfix"></div>
					</div>
					<div class="why-one">
						<div class="col-md-6 why-left">
							<div class="col-md-5 why-one-left">
								<img src="images/w-3.jpg" alt="" />
							</div>
							<div class="col-md-7 why-one-left">
								<h4>大巴车</h4>
								<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;到新娘家：乘坐汽车到“嘉善客运中心”，后乘K216路公交车到“汾湖”站</br>
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;到新郎家：乘坐汽车到“嘉兴客运中心”，后乘K153路公交车到“大桥新村”站</br>
									（更多路线可询问当地售票员）
								</p>
							</div>
							<div class="clearfix"></div>
						</div>
						<div class="col-md-6 why-left">
							<div class="col-md-5 why-one-left">
								<img src="images/w-4.jpg" alt="" />
							</div>
							<div class="col-md-7 why-one-left">
								<h4>自驾</h4>
								<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;自驾前往到新娘家/新郎家的小伙伴可提前设置好导航，分别到不同的高速路口下车。自驾车程在1-2小时左右，切勿疲劳驾驶，注意安全哦！</p>
							</div>
							<div class="clearfix"></div>
						</div>
						<div class="clearfix"></div>
					</div>
				</div>
			</div>
			<div class="contact-bottom">
				<!--				<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d6632.248000703498!2d151.265683!3d-33.7832959!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6b12abc7edcbeb07%3A0x5017d681632bfc0!2sManly+Vale+NSW+2093%2C+Australia!5e0!3m2!1sen!2sin!4v1433329298259" frameborder="0" style="border:0"></iframe>-->




				<div class="contact-text">
					<div class="contact-right">

						<div class="address col-md-4">
							<h5>新娘家</h5>
							<p>浙江省嘉兴市嘉善县陶庄镇，
								<span>汾湖村河湾里金望桥附近</span> Tel：15990092752</p>
						</div>
						<div class="address col-md-4">
							<h5>新郎家</h5>
							<p>浙江省嘉兴市南湖区，
								<span>大桥镇平湖塘花苑附近</span>Tel：15990094391</p>
						</div>
						<div class="address col-md-4">
							<h5>友情支援：</h5>
							<p>燕子（Tel：15757179189）</br>
								雨婷（Tel：15988335949）</br>
								莉莉（Tel：15700068229）</br>
								小厉（Tel：15757195833）</br>
								曦曦（Tel：18258025498）</p>

						</div>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
	</div>
	<!----end-contact---->
	<!----start-footer---->
	<div class="footer">
		<div class="container">
			<div class="footer-top">
			</div>
			<div class="newsletter">
				<ul>
					<li>
						<h6>一晃而过的是岁月</h6></li>
					<li>
						<h6>一闪而过的是青春</h6></li>
					<li>
						<h6>一见如故的是缘分</h6></li>
				</ul>
			</div>
			<div class="footer-text">
				<p>Design by J&L</a>
				</p>
			</div>
		</div>
		<script type="text/javascript">
			$(document).ready(function () {
				$().UItoTop({
					easingType: 'easeOutQuart'
				});

			});

			// 百度地图API功能
			var map = new BMap.Map("allmap");
			var point = new BMap.Point(120.79207, 30.998198);
			map.centerAndZoom(point, 15);
			var marker = new BMap.Marker(point); // 创建标注
			map.addOverlay(marker); // 将标注添加到地图中
			marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
			var top_left_control = new BMap.ScaleControl({
				anchor: BMAP_ANCHOR_TOP_LEFT
			}); // 左上角，添加比例尺
			var top_left_navigation = new BMap.NavigationControl(); //左上角，添加默认缩放平移控件

			var mapType1 = new BMap.MapTypeControl({
				mapTypes: [BMAP_NORMAL_MAP, BMAP_HYBRID_MAP]
			});

			map.addControl(top_left_control);
			map.addControl(top_left_navigation);

			map.addControl(mapType1); //2D图，卫星图
		</script>
		<a href="#home" id="toTop" class="scroll" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
	</div>
	<!----end-footer---->
</body>

</html>